<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>热销产品</title>
</head>
<style>
    li{
        padding: 5px;
        border-bottom: 2px dashed black;
    }
    ul{
        list-style: none;
    }
    a{
        text-decoration: none;
        color: grey;
    }
    a:hover{
        color:#E01150 ;
    }
    a:hover span{
        background-color: #E01150;
    }
    div{
        width:350px;
        margin: 0px auto;/*水平居中*/
    }
    h3{
        background-color: #E01150;
        color: white;
        line-height: 50px;
        text-indent: 1em;
    }
    *{
        padding: 0px;
        margin: 0px;
    }
    a>span {
        display: inline-block;
        width: 25px;
        height: 25px;
        border-radius: 50%;
        background-color: black;
        color: white;
        text-align: center;
        line-height: 20px;
        font-weight: bold;
    }
</style>
<body>
<div>
    <h3>大家都喜欢买的美容品</h3>
    <ul>
        <li>
            <a href="#">
                <span>1</span>
                &nbsp;&nbsp;雅诗兰黛即时修护眼部精华霜15ml
            </a>
        </li>
        <li>
            <a href="#">
                <span>2</span>
                &nbsp;&nbsp;伊丽莎白雅顿显效复合活肤霜 75ml
            </a>
        </li>
        <li>
            <a href="#">
                <span>3</span>
                &nbsp;&nbsp;OLAY玉兰油多效修护霜 50g
            </a>
        </li>
        <li>
            <a href="#">
                <span>4</span>
                &nbsp;&nbsp;巨型一号丝瓜水320ML
            </a>
        </li>
        <li>
            <a href="#">
                <span>5</span>
                &nbsp;&nbsp;倩碧保湿洁肤水2号 200ml
            </a>
        </li>
        <li>
            <a href="#">
                <span>6</span>
                &nbsp;&nbsp; 比度克细肤淡印霜 30g
            </a>
        </li>
        <li>
            <a href="#">
                <span>7</span>
                &nbsp;&nbsp;兰芝 (LANEIGE)夜间修护锁水面膜 80ml
            </a>
        </li>
        <li>
            <a href="#">
                <span>8</span>
                &nbsp;&nbsp; SK-II护肤精华露 215ml
            </a>
        </li>
        <li>
            <a href="#">
                <span>9</span>
                &nbsp;&nbsp;欧莱雅青春密码活颜精华肌底液
            </a>
        </li>
    </ul>
</div>
</body>
</html>